<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>
      .:: Pantalla de inicio - acceso a la información ::.
    </title>
    <style type="text/css">
<!--
/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

a
{
  color: #524F46;
}
body
{
  font: 10px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: transparent url(../images/background-header.png) repeat-x 0 0;
  width: 100%;
  position: relative;
}
#container
{
  width: 80%;
  margin-left: 0;
  background: transparent url(../images/body-bg.png) repeat-x top center;
  position: relative;
  top: 4.00em;
  height:auto;
}

#header
{
	width: 90.00em;
	margin:0 0 .50em auto;
	position: relative;
	height: 8.00em;
}

#header h1 img {
	display: none;
}

#header h1 {
	width: 172px;
	height: 49px;
	background: transparent url(../images/logo.png) no-repeat;
	position: absolute;
	top: -69px;
	left: 0;
}

#header h1 a {
	width: 100%;
	height: 100%;
	display: block;
}
/*********************************************************/





/*******************************************************************/

/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */

#content,#sub-section {float:left}
#menu {border:1px solid blue}
/*********************** subsection ******************************/
#sub-section {}
/***************** footer *****************/
#content, #sub-section {
	width: 49%;
	margin: 0;
	position: relative;
    float:left;
    border: 1px solid #d0d0d0;
}

#content h1, #sub-section h1
{
  padding: 10px 15px;
  font-size: 18px;
  font-weight: bold;
  background-color: #d4dfe3;
  background: transparent url(../images/background-header.png) repeat-x 0 -6px;
}

#footer {
	width: 90%;
	border-top: 1px solid #d0d0d0;
    margin-top: 80px;
    position:relative;
    float:left;
}

#footer a
{
  color: #77766F;
}

#footer ul
{
  display: inline;
}

#footer li
{
  list-style: none;
  margin-right: 15px;
  display: inline;
}
-->
</style>

</head>

<body>
  <div id="container">
    <div id="header"><h1>header</h1></div>
    <div id="menu"><h1>menu</h1></div>
    <div id="content"><h1>content</h1></div>
    <div id="sub-section"><h1>sub-section</h1></div>
    <div id="footer"><h1>footer</h1></div>
  </div>
  </body>
</html>
